<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Great Sword - Monster Hunter Wilds</title>
        <meta name="description" content="Master the Great Sword in Monster Hunter Wilds. Learn about this powerful weapon's mechanics, combos, and strategies for taking down the most fearsome monsters.">
        <meta name="keywords" content="Monster Hunter Wilds Great Sword, Great Sword guide, Monster Hunter weapons, MH Wilds Great Sword, Great Sword mechanics">
        <link rel="icon" href="../static/favicon.ico" sizes="32x32"/>
        <link rel="canonical" href="https://monsterhunterwilds.org/weapons/great-sword">
        
        <!-- Open Graph tags -->
        <meta property="og:title" content="Great Sword - Monster Hunter Wilds">
        <meta property="og:description" content="Master the Great Sword in Monster Hunter Wilds. A powerful weapon that rewards precise timing and positioning with devastating damage.">
        <meta property="og:image" content="https://monsterhunterwilds.org/static/images/weapons/w_01.png">
        <meta property="og:url" content="https://monsterhunterwilds.org/weapons/great-sword">
        
        <!-- Twitter Card tags -->
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Great Sword - Monster Hunter Wilds">
        <meta name="twitter:description" content="Learn the art of wielding the Great Sword in Monster Hunter Wilds. Discover combos, strategies, and mastery techniques.">
        <meta name="twitter:image" content="https://monsterhunterwilds.org/static/images/weapons/w_01.png">
        
        <link rel="stylesheet" href="../static/base.css?v=1.0.2">
        <style>
            .weapon-header {
                background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../static/images/weapons/w_01_bg.jpg');
                background-size: cover;
                background-position: center;
                color: white;
                padding: 100px 0;
                text-align: center;
                margin-bottom: 50px;
            }

            .weapon-content {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 20px;
            }

            .weapon-overview {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 40px;
                margin-bottom: 50px;
            }

            .weapon-image {
                text-align: center;
            }

            .weapon-image img {
                max-width: 100%;
                height: auto;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }

            .weapon-stats {
                background: #f8f9fa;
                padding: 30px;
                border-radius: 10px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            }

            .stat-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 20px;
            }

            .stat-item {
                text-align: center;
                padding: 15px;
                background: white;
                border-radius: 8px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            }

            .stat-label {
                font-size: 0.9em;
                color: #666;
                margin-bottom: 5px;
            }

            .stat-value {
                font-size: 1.2em;
                font-weight: bold;
                color: #333;
            }

            .weapon-mechanics {
                margin: 50px 0;
            }

            .mechanics-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                gap: 30px;
                margin-top: 30px;
            }

            .mechanic-card {
                background: white;
                padding: 25px;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }

            .video-section {
                margin: 50px 0;
                text-align: center;
            }

            .video-container {
                position: relative;
                padding-bottom: 56.25%;
                height: 0;
                overflow: hidden;
                max-width: 800px;
                margin: 0 auto;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }

            .video-container iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: none;
            }

            .tips-section {
                background: #f8f9fa;
                padding: 50px 0;
                margin: 50px 0;
            }

            .tips-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 30px;
                margin-top: 30px;
            }

            .tip-card {
                background: white;
                padding: 25px;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }

            .tip-card h4 {
                color: #2c3e50;
                margin-bottom: 15px;
            }

            @media (max-width: 768px) {
                .weapon-overview {
                    grid-template-columns: 1fr;
                }
            }
        </style>
    </head>
    <body>
        <header>
            <nav>
                <div class="logo">
                    <img src="../static/logo.png" alt="Monster Hunter Wilds Logo">
                </div>
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="/characters">Characters</a></li> 
                    <li><a href="/weapons">Weapons</a></li> 
                    <li><a href="/media">Media</a></li>
                    <li><a href="/news">News</a></li>
                    <li class="pre-order"><a href="/product">Pre-order Now</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <section class="weapon-header">
                <div class="weapon-content">
                    <h1>Great Sword</h1>
                    <p>Master the art of timing and positioning with Monster Hunter's mightiest blade</p>
                </div>
            </section>

            <div class="weapon-content">
                <section class="weapon-overview">
                    <div class="weapon-image">
                        <img src="../static/images/weapons/w_01.png" alt="Great Sword">
                    </div>
                    <div class="weapon-stats">
                        <h2>Weapon Characteristics</h2>
                        <p>A weighty weapon with slower movement and attacks, but each blow packs a powerful punch. Suitable for hit-and-run tactics or even guarding, the Great Sword is highly adaptable.</p>
                        
                        <div class="stat-grid">
                            <div class="stat-item">
                                <div class="stat-label">Attack Speed</div>
                                <div class="stat-value">★★☆☆☆</div>
                            </div>
                            <div class="stat-item">
                                <div class="stat-label">Damage Output</div>
                                <div class="stat-value">★★★★★</div>
                            </div>
                            <div class="stat-item">
                                <div class="stat-label">Mobility</div>
                                <div class="stat-value">★★☆☆☆</div>
                            </div>
                            <div class="stat-item">
                                <div class="stat-label">Guard Capability</div>
                                <div class="stat-value">Yes</div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="weapon-mechanics">
                    <h2>Core Mechanics</h2>
                    <div class="mechanics-grid">
                        <div class="mechanic-card">
                            <h3>Charged Attacks</h3>
                            <p>Hold down the attack button to charge your strikes. Each level of charge increases damage significantly, with the True Charged Slash being the most powerful single hit in the game.</p>
                        </div>
                        <div class="mechanic-card">
                            <h3>Tackle</h3>
                            <p>Use the tackle move to power through monster attacks while charging, gaining hyper armor and positioning yourself for powerful counterattacks.</p>
                        </div>
                        <div class="mechanic-card">
                            <h3>Guard</h3>
                            <p>While not as effective as dedicated shield weapons, the Great Sword can block attacks in a pinch, making it a versatile option for both offense and defense.</p>
                        </div>
                    </div>
                </section>

                <section class="video-section">
                    <h2>Weapon Tutorial</h2>
                    <div class="video-container">
                        <iframe src="https://www.youtube.com/embed/t2h3Uxj7nNg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                </section>

                <section class="tips-section">
                    <div class="weapon-content">
                        <h2>Pro Tips & Strategies</h2>
                        <div class="tips-grid">
                            <div class="tip-card">
                                <h4>Positioning is Key</h4>
                                <p>Always try to position yourself where the monster will be, not where it is. The Great Sword's charges require prediction and forethought.</p>
                            </div>
                            <div class="tip-card">
                                <h4>Master the Tackle</h4>
                                <p>The tackle is your best friend. Use it to power through attacks and maintain your charge level for devastating counters.</p>
                            </div>
                            <div class="tip-card">
                                <h4>Know When to Sheathe</h4>
                                <p>The Great Sword's mobility is poor when drawn. Sheathe your weapon to reposition quickly and set up your next big hit.</p>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </main>

        <footer>
            <div class="container">
                <div class="footer-content">
                    <div class="footer-logo">
                        <img src="../static/logo.png" alt="Monster Hunter Wilds Logo">
                    </div>
                    <div class="footer-links">
                        <div class="footer-column">
                            <h3>Quick Links</h3>
                            <ul>
                                <li><a href="/characters">Characters</a></li>
                                <li><a href="/weapons">Weapons</a></li>
                                <li><a href="/product">Product</a></li>
                                <li><a href="/media">Media</a></li>
                                <li><a href="/news">News</a></li>
                            </ul>
                        </div>
                        <div class="footer-column">
                            <h3>Support</h3>
                            <ul>
                                <li><a href="/privacy-policy">Privacy Policy</a></li>
                                <li><a href="/terms-of-service">Terms of Service</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <p>&copy; 2024 Monster Hunter Wilds. All rights reserved.</p>
                </div>
            </div>
        </footer>
    </body>
</html> 